<template>
  <div class="product-over-view" id="cpgs">
    <!-- tit -->
    <div class="tit">
      <h2>产品概述</h2>
      <div class="empty-box"></div>
      <p>一诺万金志愿者服务平台为广大志愿者、志愿服务团队和志愿服务基地提供了交流展示平台</p>
    </div>
    <!-- con -->
    <div class="con">
      <div class="img-box">
        <img src="https://www.1nuoyun.com/uploadfile/2021/09/15/20210915182711nI5ejr.png" alt="志愿者">
      </div>
      <div class="text-box">
        <p>
          <!-- <span>一诺万金智慧物业大脑平台</span> -->
          2017年10月18日，习近平同志在十九大报告中指出，推进诚信建设和志愿服务制度化，强化社会责任意识、规则意识、奉献意识。自2017年12月1日起，国务院颁布的《志愿服务条例》(简称《条例》)正式施行。
        </p>
        <p>
          <span>一诺万金志愿者服务平台</span>
          主要适用于省、市、区/县文明办、团委、工会等志愿者主管部门，同时融合街道办事处、社区居委会、志愿者组织、党员、志愿者等打造志愿服务温馨社区为广大人民群众的平台。实现社区志愿者，可以在党组织、街道办事处、社区领导组织下，充分发挥志愿服务，以社区为范围无偿主动承担社会责任。
        </p>
        <p>
          志愿者可以利用平台发布活动信息，开展志愿服务活动，还可以利用论坛交流志愿服务心得，相互学习。每一支志愿服务团队都可以在平台上得到充分展示。通过这个平台还可以方便快捷地检索志愿服务基地信息，合理地配置志愿服务资源。广大市民还可以在平台上寻找适合自己的服务类型和服务项目，选择加入团队并参与志愿服务活动。
        </p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "ProductOverView",
    data() {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>

@import "assets/scss/public";

.product-over-view {
  width: 62.5%;
  margin: 40px auto;
  .tit {
    .empty-box {
      background: linear-gradient(90deg, #f5222d, #ff4242);
    }
  };
  .con {
    box-shadow: 0 0 10px #f5f5f5;
    padding: 40px;
    display: flex;
    align-items: center;
    .img-box {
      margin-right: 40px;
      img {
        width: 400px;
      }
    };
    .text-box {
      p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
        text-align: justify;
        span {
          font-weight: 1000;
          color: #333;
        }
      }
    }
  };
  .con:hover {
    transition-duration: 0.3s;
    transform: translateY(-5px);
  }
}

</style>